<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@page import="java.sql.*" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>注册页面</title>

<link rel="stylesheet" href="./css/register.css">
<style>
	.photo{
		background-image: url(https://images-1300275660.cos.ap-shanghai.myqcloud.com/money.png);
		background-repeat: no-repeat;
	    background-attachment: fixed;
	    background-size: contain;
	    float: left; 
	    width: 700px;
	    height: 711px;
	}
	.photo img{  
	    width: 311px;
	    height: 90px;       
	}
</style>
</head>
<body>
<!-- 注册页面 -->
<!-- 左边背景图片部分 -->
    <div class="photo">
        <img src="https://images-1300275660.cos.ap-shanghai.myqcloud.com/caiwuManage.png" class="clearfix">
    </div>

    <!-- 右边 -->
    <div class="main">
        <!-- 顶部导航栏部分 -->
        <div class="nav clearfix">
            <ul>
                <li class="nav__beautiful">
                    <a href="#">
                        <img src="https://images-1300275660.cos.ap-shanghai.myqcloud.com/money.png" class="clearfix">财务管理系统           
                    </a>
                </li>
                <li class="nav__mailbox nav__font">
                    <a href="#">
                        <img src="https://4.url.cn/zc/v3/img/mail-entry.png">
                        <span>邮箱账号</span>                       
                    </a>
                    
                </li>
                <li class="nav__language nav__font">
                    <a href="#"><span>简体中文</span>  <img src="https://4.url.cn/zc/v3/img/down.png"></a>                   
                </li>
                <li class="nav__advice nav__font">
                    <a href="#"><span>意见反馈</span></a>
                </li>
            </ul>
        </div>

        <!-- 中上部欢迎部分 -->
        <div class="main__message">
            <div class="welcome">
                欢迎注册
            </div>
            <div class="happy">
                每一天，日进斗金。
            </div>
            <div class="free">
                <a href="#"><span>您的贴心管家</span> </a>
            </div>
        </div>

        <!-- 中下部表单部分 -->
        <div class="main__form">
        	<form method="post" name="registerForm">
	            <input type="text" placeholder="用户名" onblur="handlerBlurNickname()" class="user" id="userName" name="userName">
	            <input type="password" placeholder="密码必须包含字母、数字！8-16位" onblur="handlerBlurPassword()" class="user" name="psd" id="password">
	            <input type="text" placeholder="+86" class="select">
	            <input type="text" placeholder="手机号码" onblur="handlerPhone()" name="phone" class="tel" id="telnum">
	            <div class="tip">
	                可通过该手机号找回密码
	            </div>
	            <button onclick="registerBtn()" class="submit">立即注册</button>
            </form>
        </div>

        <!-- 底部信息-->
        <footer>
            <div class="legal">
                <input type="checkbox" id="admit">
                <label for="admit">我已阅读并同意相关服务条款和隐私政策</label>
                <img src="https://4.url.cn/zc/v3/img/down.png">
            </div>

            <div class="bottom">
                Copyright © 1998-2019CaiWuGuanLi All Rights Reserved
            </div>
        </footer>
    </div>


</body>
<script src="./JS/register.js"></script>
</html>